@import "../../style/modules/function";
@import "../../style/modules/color";

.msz-wrapper {
    background-color: rgba(68, 151, 236, 0.2);
    width: 100%;
    height: rpx(140);
    display: flex;
    align-items: center;
    padding: 0 rpx(30);

    .msz-icon {
        width: rpx(70);
        flex: 0 0 rpx(70);
        height: rpx(70);
        background: url("https://laikang.oss-cn-beijing.aliyuncs.com/balance/icon/icon-msz.png") center center no-repeat;
        background-size: rpx(53) auto;
        margin-right: rpx(20);
    }

    .msz-text {
        flex: 1;

        view {
            font-size: rpx(25);
            font-weight: bold;
            color: #333;
        }

        text {
            font-size: rpx(23);
            color: #666;
            display: block;
            width: 100%;
            margin-top: rpx(10);

            text {
                display: inline;
                font-weight: 700;
                color: #ec6941;
            }
        }
    }

    .msz-btn {
        flex: 0 0 rpx(180);
        background-color: rgba(68, 151, 236, 0.6);
        color: #fff;
        width: rpx(180);
        height: rpx(75);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: rpx(30);
        border-radius: 5%;
    }
}

.balance {
    background: linear-gradient(#0289d6, #03c9f3);

    .msz-icon {
        background-image: url("https://lk-webfont.oss-cn-beijing.aliyuncs.com/miniapp/laikang/balance/v2/icon-msz-white.png");
    }

    .msz-text {
        font-size: rpx(30);
        font-weight: 400;

        .title {
            color: #fff;
        }

        .text {
            color: #fff;
            display: flex !important;
            font-size: rpx(26);
        }

        .name {
            font-size: rpx(24);
            color: #fff;
            display: inline !important;
            font-weight: 700;
        }
    }

    .msz-btn {
        height: rpx(60);
        border-radius: rpx(35);
        font-size: rpx(28);
        background-color: #fff;
        color: $balance-main-color;
    }
}
